<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>Wo.Run线上跑，金币等你淘</title>
    <link rel="stylesheet" type="text/css" media="screen" href="{$staticHost}/static/css/base.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="{$staticHost}/static/css/web_login.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="{$staticHost}/static/css/ali.css?v=1" />

    <script src="{$staticHost}/static/js/iscroll.js"></script>
    <script src="{$staticHost}/static/js/jquery.min.js"></script>
</head>
<body onload="loaded()">
    <div id="wrapper" style="background: none">
        <div id="scroller">
            <img class="ali-banner" src="{$staticHost}/static/images/ali.jpg" alt=""/>
            <section class="ali-apply">
                <h1 class="plr10"> Wo.run线上赛开放报名啦 </h1>
                <p class="gold ml10">跑步里程可兑换淘金币哦</p>
                <div class="explain plr10">
               Wo.Run是由阿里体育WORA国际路跑联盟发起的，
                      第一项自主IP路跑赛事，
                      由阿里体育主办的Wo.Run健康快乐跑活动，
                      希望通过活动让参赛者加入到路跑运动中来，
                      感受网络带来的全新路跑体验。
                </div>
                <div id="all" class="details" style="display:none">
                   
                      Wo.Run是由阿里体育WORA国际路跑联盟发起的，<br/>
                      第一项自主IP路跑赛事，<br/>
                      由阿里体育主办的Wo.Run健康快乐跑活动，<br/>
                      希望通过活动让参赛者加入到路跑运动中来，<br/>
                      感受网络带来的全新路跑体验。<br/><br/>
                      Wo.Run线下跑从7月16日起跑，历经6个月，<br/>
                      将国内30城的景区、主题乐园串联起来，<br/>
                      为参与者打造最美跑步赛事。<br/>
                      其中每站均设置不同的主题，并将邀请奥运冠军参与。<br/><br/>
                      Wo.Run线上跑从9月10日起跑，提倡多跑少花的理念，从而将阿里快乐健康的理念，植入跑者的运动生活常态中。跑者可以用规定的APP在赛事时间内，任意选择地点和跑伴进行参赛，路边，公园，河畔，景区，都可以成为路跑者的参赛场所，跑者将获得阿里系的积分奖励，直接兑换淘金币和商品优惠券！<br/>
                      线下线上跑起来<br/>
                      Wo.Run淘金币，Wo.Run更健康！
                   
                </div>
                <a class="all" onclick="we()">全文<i></i></a>
                <ul class="event-list">
                    
                    <li>
                        <span></span>
                        <h3>Hi,Wo.Run! </h3>
                        <i class="ico-time"></i>
                        9月10日~9月30日
                        {if !$uid}
                            <a href="http://irun.hupu.com/connect/login">请登录</a>
                        {elseif in_array('62',$eids)}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_62">已报名</a>
                        {elseif $now < 1473436800}
                            <a href="#">敬请期待</a>
                        {elseif $now > 1475251200}
                            <a href="#">已过期</a>
                        {else}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_62">报名</a>
                        {/if}
                        
                    </li>
                    <li>
                        <span></span>
                        <h3>国庆小长假休闲跑</h3>
                        <i class="ico-time"></i>
                        10 月1日~10月7日
                        {if !$uid}
                            <a href="http://irun.hupu.com/connect/login">请登录</a>
                        {elseif in_array('61',$eids)}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_61">已报名</a>
                        {elseif $now < 1475251200}
                            <a href="#">敬请期待</a>
                        {elseif $now > 1475856000}
                            <a href="#">已过期</a>
                        {else}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_61">报名</a>
                        {/if}
                        
                    </li>
                    <li>
                        <span></span>
                        <h3>嗨跑致敬双十一</h3>
                        <i class="ico-time"></i>
                        10月8日~11月11日
                        {if !$uid}
                            <a href="http://irun.hupu.com/connect/login">请登录</a>
                        {elseif in_array('60',$eids)}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_60">已报名</a>
                        {elseif $now < 1475856000}
                            <a href="#">敬请期待</a>
                        {elseif $now > 1478880000}
                            <a href="#">已过期</a>
                        {else}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_60">报名</a>
                        {/if}
                        
                    </li>
                    <li>
                        <span></span>
                        <h3>天天酷跑</h3>
                        <i class="ico-time"></i>
                        11月12日~12月2日
                        {if !$uid}
                            <a href="http://irun.hupu.com/connect/login">请登录</a>
                        {elseif in_array('59',$eids)}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_59">已报名</a>
                        {elseif $now < 1478880000}
                            <a href="#">敬请期待</a>
                        {elseif $now > 1480694400}
                            <a href="#">已过期</a>
                        {else}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_59">报名</a>
                        {/if}
                        
                    </li>
                    <li>
                        <span></span>
                        <h3>年度收官跑</h3>
                        <i class="ico-time"></i>
                        12月3日~12月31日
                        {if !$uid}
                            <a href="http://irun.hupu.com/connect/login">请登录</a>
                        {elseif in_array('58',$eids)}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_58">已报名</a>
                        {elseif $now < 1480694400}
                            <a href="#">敬请期待</a>
                        {elseif $now > 1483200000}
                            <a href="#">已过期</a>
                        {else}
                            <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_wora_58">报名</a>
                        {/if}
                        
                    </li>
                </ul>
                <ul class="inform-list">
                    <li>
                        <i></i>
                        你已通过该项赛事赚取卡路里币<span id="money">0</span>个，赶紧去兑换丰富奖励吧！
                        <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_sbank">去兑换</a>
                    </li>
                    <li>
                        <i></i>
                        恭喜完赛！快来领取属于你的证书奖励！
                        <a href="alipays://platformapi/startapp?appId=20000988&bizScenario={$appkey}_{$uid}_woraresult">去领取</a>
                    </li>
                </ul>
            </section>
        </div>
    </div>
</body>
<script type="text/javascript">

 function we(){
        $('.explain').hide();
        $("#all").show();
        $("#all p").show();

        $(".all").hide();
     loaded ()

    }
   
   
    $.ajax({
        url: "{$staticHost}/partner/getCoins", 
        dataType: "json",
        async: true, 
        data: {"uid":uid},
        type: "GET",
        success: function(data) {
           if(data.result){
             $("#money").html(data.result.ca_money)
           }
        },
        complete: function() {
            //请求完成的处理
        },
        error: function() {
            //请求出错处理
        }
    });
 
      var myScroll;
      function loaded () {
        myScroll = new IScroll('#wrapper', { bounceEasing: 'elastic', bounceTime: 100 });
      }
      document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

</script>

</html>
